<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
	<title>New Pentaho Report Builder</title>
    <style>body{visibility: visible;}</style>
    <meta http-equiv="content-type" content="text/html; charset=utf-8">
	<link rel="shortcut icon" href="/pentaho-style/favicon.ico" />
	
    <!-- load the pentaho styling.  Try to use those if possible for consistency 
    <link rel="stylesheet" type="text/css" href="/pentaho-style/styles-new.css" /> -->
	
    <!-- load the prb specific styling.  Make any changes in prb.css-->
    <link rel="stylesheet" type="text/css" href="css/prb.css" />
 	<link rel="stylesheet" type="text/css" href="./css/ui-lightness/jquery-ui-1.8.2.custom.css" />  
</head>

<body class="body">
	<!-- A Pentaho Report Builder report consists of a Title, some prompts and the query Result in a jQuery table -->
	<h1>New Pentaho Report Builder</h1>
		<div id="demoWrapper">
			<ul>
				<li>Please Select a datasource</li>
				<li>Options specific to your datasource will be available on Next</li>
			</ul>
			<hr />
			<h5 id="status"></h5>
			<form id="demoForm" method="post" action="json.html" class="bbq">
				<div id="fieldWrapper">
				<span class="step" id="first">
					<span class="font_normal_07em_black">Please Choose the Type of Data Source</span><br />
					<label class="labeltext" for="mqldstype">Metadata</label>
					<input type="radio" class="link" name="datasourcetype" id="mqldstype" value="mql" name="goto"><br/>
					<label class="labeltext" for="mdxdstype">Analysis/Olap</label>
					<input type="radio" class="link" name="datasourcetype" id="mdxdstype" value="mdx" name="goto"><br/>
					<label class="labeltext" for="cdadstype">CDA</label>
					<input type="radio" class="link" name="datasourcetype" id="cdadstype" value="cda" name="goto"><br/>
				</span>
				<span class="step" id="mql">
					<input type="text">you Selecdt MQL</input>
				</span>
				<span class="step" id="mdx">
					<input type="text">You selected MDX</input>
				</span>
				<span class="step" id="cda">
					<input type="text">You selected CDA</input>
				</span>
				<div id="demoNavigation"> 							
					<input class="navigation_button" id="back" value="Back" type="reset" />
					<input class="navigation_button" id="next" value="Next" type="submit" />
				</div>
			</form>
			<hr />
			
			<p id="data"></p>
		</div>
	
	<script type="text/javascript" src="/pentaho/js/oop.js"></script>
	<script type="text/javascript" src="/pentaho/js/app.js"></script>
    <script type="text/javascript" src="../../pentaho-cdf/js/jquery.js"></script>
    <!-- <script type="text/javascript" src="../../pentaho-cdf/js/jquery.ui.js"></script> -->
    <script type="text/javascript" src="js/jquery.form.js"></script>
    <script type="text/javascript" src="js/jquery.validate.js"></script>
    <script type="text/javascript" src="js/bbq.js"></script>
    <script type="text/javascript" src="js/jquery-ui-1.8.5.custom.min.js"></script>
    <script type="text/javascript" src="js/jquery.form.wizard-3.0.4.js"></script>	

	<script type="text/javascript" src="../../pentaho-cdf/js/jquery.blockUI.js"></script> 
	<script type="text/javascript" src="../../pentaho-cdf/js/jquery.tooltip.js"></script> 
	<script type="text/javascript" src="../../pentaho-cdf/js/Base.js"></script> 
	<script type="text/javascript" src="../../pentaho-cdf/js/Dashboards.js"></script> 
	<script type="text/javascript" src="../../pentaho-cdf/js/CoreComponents.js"></script> 
    <script type="text/javascript" src="/pentaho/js/pentaho-ajax.js"></script>
    <script type="text/javascript" src="/pentaho/js/xhr.js"></script>
    <script type="text/javascript" src="/pentaho/js/pmd.js"></script>
    <script type="text/javascript" src="/pentaho/js/pas.js"></script>
    <script type="text/javascript" src="/pentaho/js/cda.js"></script>
	<script type="text/javascript" src="js/prb.js"></script>
	<script type="text/javascript">
		pentaho.prbapp = new pentaho.app();
		
		var prb_datasource_select = {
			name: 'prb-datasource',
			objectClass: pentaho.prb.DataSourceSelect,
			element: "ds_select"
		};

		var prb_datasourcevalue_select = {
			name: 'prb-datasourcevalue-select',
			objectClass: pentaho.prb.DataSourceValueSelect,
			element: "ds_value_select"
		};

		var prb_datasourcequery_select = {
			name: 'prb-datasourcequery-select',
			objectClass: pentaho.prb.DataSourceQuerySelect,
			element: "ds_query_select"
		};
		
		var moduleArray = [prb_datasourcequery_select, prb_datasourcevalue_select, prb_datasource_select];
		$(document).ready(
			function(){
				//pentaho.prbapp.init(moduleArray);
				$("#demoForm").formwizard({ 
				 	formPluginEnabled: true,
				 	validationEnabled: true,
				 	focusFirstInput : true,
				 	formOptions :{
						success: function(data){$("#status").fadeTo(500,1,function(){ $(this).html("You are now registered!").fadeTo(5000, 0); })},
						beforeSubmit: function(data){$("#data").html("data sent to the server: " + $.param(data));},
						dataType: 'json',
						resetForm: true
				 	}	
				 });
				
			}
		)
	</script>
</body>
</html>
